<template>
  <view class="content">
      <!-- 自定义导航栏 -->
      <CustomNavbar />
    <!-- <image class="logo" src="/static/logo.png" />
    <view class="text-area">
      <text class="title">{{ title }}</text>
    </view> -->
  </view>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import CustomNavbar from './components/CustomNavbar.vue'
const title = ref('Hello')
</script>

<style lang="scss">
page {
  background-color: #f7f7f7;
  height: 100%;
  overflow: hidden;
}

.content {
  height: 100%;
  display: flex;
  flex-direction: column;
}
// .content {
//   display: flex;
//   flex-direction: column;
//   align-items: center;
//   justify-content: center;
// }

// .logo {
//   height: 200rpx;
//   width: 200rpx;
//   margin-top: 200rpx;
//   margin-left: auto;
//   margin-right: auto;
//   margin-bottom: 50rpx;
// }

// .text-area {
//   display: flex;
//   justify-content: center;
// }

// .title {
//   font-size: 36rpx;
//   color: #8f8f94;
// }
</style>
